<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>简历预览</title>
  <meta name="description" content="智联招聘招聘网是权威的求职找工作平台,为您提供的求职招聘信息,每天几百万的高薪职位招聘信息供您选择,找工作上智联招聘">
  <meta name="keywords" content="招聘,招聘网,人才网,求职,找工作">
</head>

<body>
<div id="root" style="width: 1000px ;margin: 0 auto; font-family: MicrosoftYaHei; box-sizing: border-box; position: relative;">
  <!--个人信息-->
  <div style="background: #3e4160; padding: 50px 0px; overflow: hidden">
    <div style="border:2px solid #fff; float: left; display: inline; margin-left:80px;  border-radius: 50%; width:146px; height:146px;">
      <img style="width: 142px; height: 142px; border-radius: 50%; " src="img/head_image.png">
    </div>
    <div style="float: left; display: inline; margin-left: 60px">
      <h2 style="font-weight: normal; margin-top: 20px; font-size: 26px; color:#fff;">李明明</h2>
      <div style="color: #ffffff; overflow: hidden;  font-size: 14px; margin-top:15px;">
        <div style="">
          <p style="display: inline-block;  line-height: 32px; background: url('img/location.png') no-repeat 0 center; padding-left: 30px; margin-right: 8px">北京<span style="color: #b2b3bf">&nbsp;&nbsp;|</span></p>
          <p style="display: inline-block;  line-height: 32px; background: url('img/phone.png') no-repeat 0 center; padding-left: 30px; margin-right: 8px">18878988888<span style="color: #b2b3bf">&nbsp;&nbsp;|</span></p>
          <p style="display: inline-block;  line-height: 32px; background: url('img/email.png') no-repeat 0 center; padding-left: 30px; margin-right: 8px">16419838739@zhaopin.com</p>
        </div>
        <div style="">
          <p style="display: inline-block;  line-height: 32px; background: url('img/weman.png') no-repeat 0 center; padding-left: 30px; margin-right: 8px">女<span style="color: #b2b3bf">&nbsp;&nbsp;|</span></p>
          <p style="display: inline-block;  lline-height: 32px; margin-right: 8px">24岁&nbsp;&nbsp;|</p>
          <p style="display: inline-block;  line-height: 32px; margin-right: 8px">14年工作经验</p>
        </div>
      </div>
    </div>
  </div>

  <!--求职意向-->
  <div style="background: #f8f9fa; padding: 30px; overflow: hidden">
    <div style="float: left; display: inline; width: 100%; margin-bottom: 10px;">
      <span style="margin-right: 15px; font-size: 16px; font-weight:700; color:#3f4160;">求职意向</span>
    </div>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display: inline-block; color: #666666;">求职状态：</span>
      <span style="width: 375px; vertical-align: top;;display: inline-block; color: #333333;">在职，可一个月内到岗</span>
    </p>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display:inline-block; color: #666666;">期望地点：</span>
      <span style="width: 375px;vertical-align: top;;display: inline-block; color: #333333; ">北京</span>
    </p>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display: inline-block; color: #666666;">期望行业：</span>
      <span style="width: 375px;vertical-align: top;;display: inline-block; color: #333333; ">互联网/电子商务，互联网/电子商务,互联网/电子商务互联网/电子商务</span>
    </p>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display: inline-block; color: #666666;">期望职业：</span>
      <span style="width: 375px; vertical-align: top;;display: inline-block;">计算机硬件维护工程师，客服/售前/售后技术支持，电子/电器/半导体/仪器仪表</span>
    </p>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display: inline-block; color: #666666;">期望月薪：</span>
      <span style="width: 375px;vertical-align: top;;display: inline-block; color: #333333;">15000-25000/月</span>
    </p>
    <p style="float: left; display: inline; width: 50%; font-size: 14px;line-height: 30px;">
      <span style="display: inline-block; color: #666666;">工作性质：</span>
      <span style="width: 375px;vertical-align: top;;display: inline-block; color: #333333;">全职</span>
    </p>
  </div>
  <!--工作经验-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_03.png') no-repeat 20px;">工作经验</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style="position: relative; margin-left: 140px; padding: 0 0 40px 20px; border-left: 2px solid #cdcdd4; line-height: 16px;">
        <img style="position: absolute; left: -10px; top: 10px; width: 18px;" src="./img/template-01_07.png" alt="">
        <div style="line-height: 24px;">
          <p style="position:absolute; top:7px;left:-140px; text-align: center; width: 130px">
            <span style="font-size: 12px; color: #666666; display: inline-block">2013/06 - 2013/12</span>
            <span style="font-size: 14px; color: #333333; display: inline-block">IOS客户端开发</span>
          </p>
          <p style="font-size: 16px;display: inline-block; width: 100%; line-height: 40px; color: #333333; font-weight: 700;">北京管理有限公司</p>
          <p style="font-size: 14px;display: inline-block;  width: 100%;line-height: 24px; color: #666666">互联网/电子商务|少于50人|民营公司</p>
          <pre style="white-space: pre-line;display: block;  width: 100%;font-size: 14px;line-height: 24px; color: #333333"> 负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理</pre>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>

  <!--项目经验-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_06.png') no-repeat 20px;">项目经验</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style="position: relative; margin-left: 140px; padding: 0 0 40px 20px; border-left: 2px solid #cdcdd4; line-height: 16px;">
        <img style="position: absolute; left: -10px; top: 10px; width: 18px;" src="./img/template-01_07.png" alt="">
        <div style="line-height: 24px;">
          <p style="position:absolute; top:7px;left:-140px; text-align: center; width: 130px">
            <span style="font-size: 12px; color: #666666; display: inline-block">2013/06 - 2013/12</span>
            <span style="font-size: 14px; color: #333333; display: inline-block">IOS客户端开发</span>
          </p>
          <p style="display: inline-block; width: 100%; font-size: 16px; line-height: 40px; font-weight: 700; color: #333333">技术支持</p>
          <p style="fdisplay: inline-block; width: 100%; ont-size: 14px; line-height: 24px; color: #333333">北京管理有限公司</p>
          <p style="display: inline-block; width: 100%; color: #666666; font-size: 14px; padding-top: 10px">项目名称</p>
          <p style="display: inline-block; width: 100%; font-size: 14px;">负责设计线上店铺装修，详情页，主图，拍照后期图片处理</p>
          <p style="display: inline-block; width: 100%; color: #666666; font-size: 14px; padding-top: 10px">项目描述</p>
          <pre style="display: inline-block; width: 100%; white-space: pre-line;font-size: 14px;">负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理 </pre>
          <p style="display: inline-block; width: 100%; color: #666666;font-size: 14px; padding-top: 10px">个人职责</p>
          <pre style="display: inline-block; width: 100%; white-space: pre-line;font-size: 14px;">负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理负责设计线上店铺装修，详情页，主图，拍照后期图片处理 </pre>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>

  <!--教育背景-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_12.png') no-repeat 20px;">教育背景</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style="position: relative; margin-left: 140px; padding: 0 0 40px 20px; border-left: 2px solid #cdcdd4; line-height: 16px;">
        <img style="position: absolute; left: -10px; top: 10px; width: 18px;" src="./img/template-01_07.png" alt="">
        <div style="line-height: 24px;">
          <p style="position:absolute; top:7px;left:-140px; text-align: center; width: 130px">
            <span style="font-size: 12px; color: #666666; display: inline-block">2013/06 - 2013/12</span>
          </p>
          <p style="display: inline-block; width: 100%; font-size: 16px; line-height: 40px; font-weight: 700; color: #333333">广东中山大学</p>
          <p style="display: inline-block; width: 100%; font-size: 14px; line-height: 24px; color: #333333">计算机科学与技术（本科）</p>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>

  <!--培训经历-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_10.png') no-repeat 20px;">培训经历</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style="position: relative; margin-left: 140px; padding: 0 0 40px 20px; border-left: 2px solid #cdcdd4; line-height: 16px;">
        <img style="position: absolute; left: -10px; top: 10px; width: 18px;" src="./img/template-01_07.png" alt="">
        <div style="line-height: 24px;">
          <p style="position:absolute; top:7px;left:-140px; text-align: center; width: 130px">
            <span style="font-size: 12px; color: #666666; display: inline-block">2013/06 - 2013/12</span>
          </p>
          <p style="display: inline-block; width: 100%; font-size: 16px; line-height: 40px; font-weight: 700; color: #333333">广东中山培训机构</p>
          <p style="display: inline-block; width: 100%; font-size: 14px; line-height: 24px; color: #333333">React Native 混合原生开发IOS App</p>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>


  <!--荣誉证书-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_16.png') no-repeat 20px;">荣誉证书</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style="position: relative; margin-left: 140px; padding: 0 0 40px 20px; border-left: 2px solid #cdcdd4; line-height: 16px;">
        <img style="position: absolute; left: -10px; top: 10px; width: 18px;" src="./img/template-01_07.png" alt="">
        <div style="line-height: 24px;">
          <p style="position:absolute; top:7px;left:-140px; text-align: center; width: 130px">
            <span style="font-size: 12px; color: #666666; display: inline-block">2013/06 - 2013/12</span>
          </p>
          <p style="font-size: 16px; line-height: 40px; font-weight: 700; color: #333333">CET-4</p>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>


  <!--专业技能-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_18.png') no-repeat 20px;">专业技能</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style=" padding-bottom: 20px; overflow: hidden; line-height: 16px;">
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">专专</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_25.png') no-repeat left center; background-size: 100% 16px;">良好</span>
        </div>
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">读写能力：</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_75.png') no-repeat left center; background-size: 100% 16px;">精通</span>
        </div>
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">听说能力：</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_50.png') no-repeat left center; background-size: 100% 16px;">熟练</span>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>

  <!--语言能力-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_20.png') no-repeat 20px;">语言能力</div>
    </div>
    <div style="padding: 20px 0;">
      <!--循环体开始-->
      <div style=" padding-bottom: 20px; overflow: hidden; line-height: 16px;">
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">英语：</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_100.png') no-repeat left center; background-size: 100% 16px;">良好</span>
        </div>
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">读写能力：</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_75.png') no-repeat left center; background-size: 100% 16px;">精通</span>
        </div>
        <div style="float: left; display: inline; width: 50%; font-size: 16px; margin-bottom: 20px">
          <span style="width: 140px; text-align: right; display: inline-block; color: #333333; font-size: 14px;">听说能力：</span>
          <span style="width: 305px; padding-left: 9px; font-size: 12px; vertical-align: top; display: inline-block; color: #fff; background: url('img/jd_50.png') no-repeat left center; background-size: 100% 16px;">熟练</span>
        </div>
      </div>
      <!--循环体结束-->
    </div>
  </div>

  <!--自我评价-->
  <div style="padding: 30px; border-bottom: 1px solid #cdcdd4; overflow: hidden">
    <div style="height: 50px; background: #f8f9fa; line-height: 50px;">
      <div style="height: 50px; color:#3f4160; font-weight: 700; padding-left:60px;  background: url('img/template-01_22.png') no-repeat 20px;">自我评价</div>
    </div>
    <div style="padding: 20px 0;">
      <div style="font-size: 14px;line-height: 32px;">
        <span style="width:80px; display: inline-block; color: #666666;">职业目标：</span>
        <pre style="display: inline-block; white-space: pre-line; width: 850px; vertical-align: top; color: #333333;">从事Web前端工作</pre>
      </div>
      <div style="font-size: 14px;line-height: 32px;">
        <span style="width:80px; display: inline-block; color: #666666;">自我评价：</span>
        <pre style="display: inline-block; white-space: pre-line; width: 850px; vertical-align: top; color: #333333;">从事Web前端工作多年，热衷于技术的研究并且具有丰富的实战经验。具备良好的合作态度及团队精神。从事Web前端工作多年从事Web前端工作多年从事Web前端工作多年从事Web前端工作多年从事Web前端工作多年</pre>
      </div>
    </div>
  </div>
</div>
<style>
  * {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    box-sizing: border-box;
  }
</style>
</body>
</html>